<extend name="Public/base"/>
<block name="head">
	<link href="__CSS__/article.css" rel="stylesheet">
</block>
<block name="body">
	<div class="container" >

        <div class="row">
			<div class="col-md-8 article-left">
				<div class="col-md-12 main-title" >
					<h3 class="col-md-12 article-title">{$info.title}</h3>
					<div clas="col-md-12">
						<span class="col-md-6">{$info.create_time|date='Y-m-d H:i:s',###}</span>
						<span class="col-md-6">
							<i class="glyphicon glyphicon-eye-open"></i>
										{$info.view}
							</span>
					</div>
					
				</div>
				
				<div class="col-md-12 main-content">
					
			
					<section id="contents">{$info.content}</section>
					<hr/>
					{:hook('documentDetailAfter',$info)}
				</div>
				

			</div>
			<div class="col-md-4 article-right">
				<div class="news-label col-md-12" >
					<h5>推荐文章</h5>
				</div>
				<div class="news-label col-md-12">
					<ul class="col-md-12 new-list"">
					<volist name="recommend_article['list']" id="data">
						
							<li class="list-unstyled">
								<i class="circle <if condition='$i lt 4'> circle-active</if>">{$i}</i>
								<a href="{:U('Article/detail?id='.$data['id'])}">{$data.title}</a>
							</li>
	
					</volist>
					
				</ul>
				</div>
			
				<div class="news-label col-md-12" >
					<h5>最近更新</h5>
				</div>
				<div class="news-label col-md-12">
					
					<ul class="col-md-12 new-list">
					<volist name="news" id="list">					
						<li class="list-unstyled">
							<i class="circle  <if condition='$i lt 4'> circle-active</if>">{$i}</i>
							<a href="{:U('Article/detail?id='.$list['id'])}">{$list.title}</a>
						</li>
					</volist>
					
				</ul>
				</div>
				<div class="news-label col-md-12" >
					<h5>标签</h5>
				</div>
				<div class="news-label col-md-12" style="margin-top:20px;">
					<volist name ="tags" id="vo">
						<a href="{:U('Article/tag?id='.$vo['id'])}"><span class="label label-md label-info">{$vo.tag_name}</span> </a>
					</volist>
				</div>
				
			</div>
           
        </div>
    </div>
    <script>
    	$(function(){
    		$('#contents').find('img').each(function(){
    			$(this).addClass('img-responsive');
    		});
    		$('#contents').find('.goods-extend').each(function(){
    			var id = $(this).html();
    			var p  = $(this);
    			$.post("{:U('Goods/buttonInfo')}", { 'id':id  }, function (result) { 
    				if(result.status){
    					var div = '<img class="img-responsive goods-img" src="'+result.src+'">'+'<div>'+'<span class="price">￥:'+result.price+'</span>'+'<a class="btn btn-circle" href="'+result.url+'"><span>查看详细</span></a>'+'</div>';
    					p.html(div);
    					p.css('display','block');
    				}
    			});
    		});
    	});

    	window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"4","bdPos":"right","bdTop":"250"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
    </script>
</block>

